<template>
  <ColorPicker show-alpha :predefine="predefine" v-bind="$attrs" v-on="$listeners" />
</template>

<script>
import { Button, ColorPicker, Input } from 'element-ui'

export default {
  name: 'Color',
  components: {
    Button,
    ColorPicker,
    Input
  },
  props: {
    predefine: {
      type: Array,
      default: () => [
        '#5F95FF',
        'rgba(95, 149, 255, 0.75)',
        '#ff4500',
        '#ff8c00',
        'rgb(255, 120, 0)',
        'rgba(255, 69, 0, 0.68)',
        '#ffd700',
        '#90ee90',
        '#00ced1',
        '#c71585',
        '#080808',
        '#d0d0d0',
        '#e5e5e5'
      ]
    }
  }
}
</script>

<style lang="less" scoped></style>
